<template>
  <dl class="common-dl hero-skill">
    <dt id="skill">
      <i
        style="font-size: 24px;font-weight: normal"
        class="iconfont icon-zhuanyezhishijineng"
      />
      <em>{{$t('skills.title')}}</em>
    </dt>
    <dd
      v-for="(v, i) in skills"
      :key="i"
    >
      <h4>{{v.name}}</h4>
      <p
        v-for="(l, idx) in v.list"
        :key="idx"
      >{{l}}</p>
    </dd>
  </dl>
</template>

<script>
export default {
  name: 'skill',
  props: {
    skills: {
      type: Array,
      default() {
        return []
      },
    },
  },
}
</script>
